<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" href="{$Think.config.web_root}Public/images/weblogo.png" type="images/x-icon"/>
<title>Iruiyou Moon Log !</title>
<script src="/game_log/Public/js/jquery-1.8.3.min.js"></script>
<link href ="/game_log/Public/css/index_index.css" rel="stylesheet" type="text/css" />
<style type="text/css"></style>
</head>

<body>
<div id="wrap" align="center">
	<div id="leftMenu" align="center">
    	<div id="leftHeader" align="center">
        	<img src="/game_log/Public/images/weblogo.png"></img>
        </div>
    	<ul id="ul01">
        <a href="chargeByChannel"><li id="li101">充值记录</li></a>
        <a href="getLevelLog"><li id="li102">等级记录</li></a>
        <a href="loginByChannel"><li id="li103">人数统计</li></a>
        <a href="getMission"><li id="li104">任务统计</li></a>
        <a href="getConsume"><li id="li105">元宝消耗</li></a>
        <a href="getPropGet"><li id="li106">物品产出</li></a>
        <a href="getSaveRate"><li id="li107">留存统计</li></a>
        <a href="getBarrierLog"><li id="li108">关卡统计</li></a>
        </ul>
    </div>
    
    <div id="rightIframe" align="left">
    	<div id="rightHeader">
        	<div id="userDiv" align="left">
                	<ul id='userOps-ul'>
                    	<li id="liUserName">{$Think.session.mog_username}</li>
                    	<a href="../User/rePwd"><li class='userOps'>密码更改</li></a>
                        <a href="../User/toLogout"><li class="userOps">退出登录</li></a>
                        <li class="userOps" id="shortLi">收&nbsp;&nbsp;起</li>
                    </ul>
            </div>
        </div>
        <div id="masking">
        </div>
        <div id="chStyle" align="left">
			<ul>
    			<a href="{$log1}"><li id="chStyleli101"  class="chStyleli">按渠道</li></a>
        		<a href="{$log2}"><li id="chStyleli102" class="chStyleli">按区服</li></a>
                <li id="chStyleli105" class="chStyleli">
                	更换区服
                    <div id="serverList">
                    	<ul>
                        	<a href="../Index/setServer?serverid=6101"><li>华山论剑</li></a>
                            <!--<a href="../Index/setServer?serverid=6002"><li>牛刀小试</li></a>-->
                            <!--<a href="../Index/setServer?serverid=6003"><li>英雄豪杰</li></a>
                            <a href="../Index/setServer?serverid=6004"><li>兄弟情深</li></a>
                            <a href="../Index/setServer?serverid=6005"><li>初露锋芒</li></a>-->
                        </ul>
                    </div>  
                </li>
                <li id="chStyleli106" class="chStyleli">{$Think.session.mog_servername}</li>
                <!--<li id="chStyleli103" class="chStyleli">调整时间</li>-->
                <li id="chStyleli104">
                	<form action='../Index/setDate' method='post'>
    					<input type="date" name="theDay" class="text02" value="{$Think.session.mog_thedate}" /><input type="submit" value="Go!" class="button02" />
    				</form>
                </li>
    		</ul>
		</div>
    	<table class="tableA" border="1">{$html}</table>
    </div>
    
</div>
</body>
<script language="javascript">
setTimeout(function(){ $("body").css("opacity","1");},50);

var url=window.location.href;
var iframe=document.getElementById('iframe01');
    
$("#leftMenu").css("height",$(document).height()-20+'px');
$("#rightIframe").css("height",$(document).height()-20+'px').css("width",$(document).width()-300+'px');
$("#li101").css("background-color","#09F").css("color","#FFF");
$("#rightHeader").css("width",$(window).width()-300+'px');
$("#masking").css("width",$(window).width()-300+'px');
$("#opsItem").hide();
$("#chStyleli104").css("margin-left",$(window).width()*0.40+'px');

$("#ul01 li").mouseover(function(){
	$(this).animate({width:230},100);
}).mouseout(function(){
	$(this).animate({width:200},100);
});

$("#ul02 li").mouseover(function(){
	$(this).animate({width:210},100);
}).mouseout(function(){
	$(this).animate({width:200},100);
});

//时间设定
var timeNum=0;
$("#chStyleli103").click(function(){
	timeNum++;
	if(timeNum%2==1){
		$("#chStyle form").animate({width:210},200);
	}else{
		$("#chStyle form").animate({width:0},200);
	}
});
//chStyle背景更改
$('#{$chStyleli}').css('background-color','#069');

//ul01背景更改
if(url.indexOf("chargeByChannel")>0){             //充值记录按渠道分类
	reLibg();
	$("#li101").css("background-color","#09F").css("color","#FFF");
	$("#chStyleli105").css("width","0px").css("border","0px").hide();
	$("#chStyleli106").css("width","0px").css("border","0px").hide();
	
}else if(url.indexOf("chargeByServer")>0){        //充值记录按区服分类
	reLibg();
	$("#li101").css("background-color","#09F").css("color","#FFF");
	$("#chStyleli105").css("width","0px").css("border","0px").hide();
	$("#chStyleli106").css("width","0px").css("border","0px").hide()
	
}else if(url.indexOf("channelCharge")>0){         //渠道充值历史
	$("#chStyle").css("opacity",'0');
}else if(url.indexOf("getLevelLog")>0){           //角色等级记录
	reLibg();
	$("#li102").css("background-color","#09F").css("color","#FFF");
	$("#chStyleli101").css("width","0px").css("border","0px");
	$("#chStyleli102").css("width","0px").css("border","0px");
	$("#chStyle").css("opacity",'0');
	
}else if(url.indexOf("loginByChannel")>0){        //登录、创建角色统计 按渠道分类
	reLibg();
	$("#li103").css("background-color","#09F").css("color","#FFF");
	$("#chStyleli105").css("width","0px").css("border","0px").hide();
	$("#chStyleli106").css("width","0px").css("border","0px").hide()
	
}else if(url.indexOf("loginByServer")>0){         //登录、创建角色统计 按区服分类     
	reLibg();
	$("#li103").css("background-color","#09F").css("color","#FFF");
	$("#chStyleli105").css("width","0px").css("border","0px").hide();
	$("#chStyleli106").css("width","0px").css("border","0px").hide()
	
}else if(url.indexOf("getMission")>0){           //任务接收统计
	reLibg();
	$("#li104").css("background-color","#09F").css("color","#FFF");
	$("#chStyleli101").css("width","0px").css("border","0px");
	$("#chStyleli102").css("width","0px").css("border","0px");
	
}else if(url.indexOf("getConsume")>0){           //元宝消耗统计
	reLibg();
	$("#li105").css("background-color","#09F").css("color","#FFF");
	$("#chStyleli101").css("width","0px").css("border","0px");
	$("#chStyleli102").css("width","0px").css("border","0px");
	
}else if(url.indexOf("getPropGet")>0){           //物品产出统计
	reLibg();
	$("#li106").css("background-color","#09F").css("color","#FFF");
	$("#chStyleli101").css("width","0px").css("border","0px");
	$("#chStyleli102").css("width","0px").css("border","0px");
}else if(url.indexOf("getSaveRate")>0){           //留存产出统计
	reLibg();
	$("#li107").css("background-color","#09F").css("color","#FFF");
	$("#chStyleli101").css("width","0px").css("border","0px");
	$("#chStyleli102").css("width","0px").css("border","0px");
	$("#chStyleli105").css("width","0px").css("border","0px").hide();
	$("#chStyleli106").css("width","0px").css("border","0px").hide();
	$("#chStyleli104").css("margin-left",$(window).width()*0.55+'px');
	//$("#chStyle").css("opacity",'0');
}else if(url.indexOf("getBarrierLog")>0){            //关卡统计
	reLibg();
	$("#li108").css("background-color","#09F").css("color","#FFF");
	$("#chStyleli101").css("width","0px").css("border","0px");
	$("#chStyleli102").css("width","0px").css("border","0px");
}else{
	$("#chStyleli105").css("width","0px").css("border","0px").hide();
	$("#chStyleli106").css("width","0px").css("border","0px").hide()
}

function reLibg(){
	$("#ul01 li").css("background-color","#FFF").css("color","#069");
}

//用户操作菜单
var opsnum=1;
$("#liUserName").click(function(e){
	opsnum++;
	if(opsnum%2==1){
		$(".userOps").animate({height:0,paddingTop:0},200);
	}else{
		$(".userOps").animate({height:30,paddingTop:7},200);
	}
});
$("#shortLi").click(function(e){
	opsnum++;
	$(".userOps").animate({height:0,paddingTop:0},200);
});

//区服选择列表
var serverListNum=0;
$("#chStyleli105").click(function(){
	serverListNum++;
	if(serverListNum%2==1){
		$("#serverList ul").animate({height:150},250);
		$("#chStyleli105").css("background-color","#069");
	}else{
		$("#serverList ul").animate({height:0},250);
		$("#chStyleli105").css("background-color","#888");
	}
});
//鼠标滚轮事件监听
function handle(delta) {
    var s = delta + ": ";
    if (delta <0){
		document.body.scrollLeft+=90;
	}
    else{
		document.body.scrollLeft-=90;
	}
}//from www.fengfly.com
function wheel(event){
    var delta = 0;
    if (event.wheelDelta) {
        delta = event.wheelDelta/120; 
        if (window.opera) delta = -delta;
    } else if (event.detail) {
        delta = -event.detail/3;
    }
    if (delta)
        handle(delta);
}
if (window.addEventListener)
window.addEventListener('DOMMouseScroll', wheel, false);
window.onmousewheel = document.onmousewheel = wheel;
</script>
</html>
